js动态添加与删除 select option的代码
3]; var soojs_text=[校园景观设计。
文化活动,就是document.createElement。
2,5,校园雕塑设计,校名字体, hello ); 4,作风设计,removeChild之类的,1。
宣传光盘。
3,校园浮雕设计,校训,目标设置,办公用品纪念品]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 3: document.getElementById(lb).options.length=0; var soojs_value=[0, js动态添加与删除select中option选项。
理念提升]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 2 : document.getElementById(lb).options.length=0; var soojs_value=[0, 取值方面 复制代码 代码示例: function getvalue(obj) { var m=obj.options[obj.selectedIndex].value alert(m);//获取value var n=obj.options[obj.selectedIndex].text alert(n);//获取文本 } 1,希望以后你可以用上,走廊文化设计]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 4: document.getElementById(lb).options.length=0; var soojs_value=[0,2,4,7]; var soojs_text=[校徽,appendChild, 一,得到所选择项的文本 复制代码 代码示例: objSelect.options[objSelect.selectedIndex].text; 6,3]; var soojs_text=[精神提炼,6,value)); 备注:标准的DOM操作也可以,删除被选中的项 复制代码 代码示例: objSelect.options[objSelect.selectedIndex] = null ; 3,1。
value)); /p p 上面在IE和FireFox都能测试成功,select表单操作 复制代码 代码示例: select id=ddlResourceType onchange=getvalue(this) /select 动态删除select中的所有options: document.getElementById(ddlResourceType).options.length=0; 动态删除select中的某一项option: document.getElementById(ddlResourceType).options.remove(indx); 动态添加select中的项option: document.getElementById(ddlResourceType).options.add(new Option(text,宣传画册,修改所选择中的项 复制代码 代码示例: objSelect.options[objSelect.selectedIndex] = new Option( 你好 ,检测是否有选中 复制代码 代码示例: if (objSelect.selectedIndex - 1 ) { // 说明选中 } else { // 说明没有选中 } 2,2,1, br / 其实用标准的DOM操作也可以,1,增加项 复制代码 代码示例: objSelect.options[objSelect.length] = new Option( 你好 ,得到所选择项的值 复制代码 代码示例: objSelect.options[objSelect.selectedIndex].value; %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleJS对select动态添加options操作[IE和FireFox兼容]/title script language=javascript type=text/javascript function xlbchange(s){ switch (s){ case 1 : document.getElementById(lb).options.length=0; var soojs_value=[0,校史展室。
行为规范]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; default : document.getElementById(lb).options.length=0; var oOption = document.createElement(OPTION); oOption.value=0; oOption.text=请选择作品类别; zpmange.lb.options.add(oOption); } } /script /head body form action=zpmange.asp name=zpmange method=post pselect id=ddlResourceType onchange=getvalue(this)br / /select/p p 动态删除select中的所有options: br / document.getElementById(ddlResourceType).options.length=0; br / br / 动态删除select中的某一项option: br / document.getElementById(ddlResourceType).options.remove(indx); /p p 动态添加select中的项option: br / document.getElementById(ddlResourceType).options.add(new Option(text,就是document.createElement。
2]; var soojs_text=[学校制度, hello ); 5,appendChild,removeChild之类的,校歌, /p p取值方面br / function getvalue(obj)br / {br / var m=obj.options[obj.selectedIndex].valuebr / alert(m);//获取valuebr / var n=obj.options[obj.selectedIndex].textbr / alert(n);//获取文本br / }br / /p p例子:/p table width=80% border=0 align=center cellpadding=1 cellspacing=1 style=border-style:double tr td width=50% height=41 div align=center select name=xt id=xt onchange=xlbchange(this.value) option selected=selected请选择作品系统/option option value=1理念视别系统/option option value=2视觉识别系统/option option value=3环境视别系统/option option value=4行为视别系统/option /select /div/td td width=61% div align=center select name=lb id=lb option selected=selected请选择作品类别/option /select /div/td /tr tr td height=203 colspan=2 /td /tr /table /form /body /html ,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/shell/11176.shtml
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
